/**
 * useId
 *
 *    概念：
 *      生成一个唯一Id标识
 *
 *    语法：
 *      const id = useId()
 */

import { useId } from "react";

function FormItem({ label }) {
  const id = useId();

  return (
    <>
      <label htmlFor={id}>{label}</label>
      <input id={id} type="text" />
    </>
  );
}

export default function App() {
  return (
    <div>
      <h1>App</h1>

      <hr />

      <FormItem label={"用户名"} />

      <hr />

      <FormItem label={"密码"} />
    </div>
  );
}
